<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>高清视频播放</title>
	<link rel="stylesheet" href="/static/css/style.css">
	<link rel="stylesheet" href="/static/css/user.css">
	<link rel="stylesheet" href="/static/css/admin.css">
</head>
<body>
	<header class="header">
		
	</header>
	<article class="content">
		<div class="user">
			<table class="userTab">
				<caption>
					注册用户列表
				</caption>
				<thead>
					<tr>
						<th>用户Id</th>
						<th colspan="2">名称</th>
					</tr>
				</thead>
				<tbody class="userList">
					
				</tbody>
			</table>
		</div>
		<div class="video">
			<table class="videoTab">
				<caption>
					上传视频列表
				</caption>
				<thead>
					<tr>
						<th>视频Id</th>
						<th>名称</th>
						<th>上传者id</th>
						<th>上传时间</th>
						<th>平均评分</th>
						<th>类别</th>
					</tr>
				</thead>
				<tbody class="videoList">
					
				</tbody>
			</table>
		</div>
	</article>
	<div class="dialogLogin show">
		<input type="text" class="account" placeholder="用户名" required>
		<br />
		<input type="password" class="password" placeholder="密码" required>
		<br />
		<button class="confirm">
			登录
		</button>
		<button class="cancel">
			取消
		</button>
	</div>
	<div class="dialogUpload dialogDescription">
		<p>更新简介</p>
		<textarea class="description"></textarea>
		<button class="confirm">
			确定
		</button>
		<button class="cancel">
			取消
		</button>
	</div>

	<div class="layer show"></div>
	<script src="/static/js/jquery-1.10.js"></script>
	<script src="/static/js/jplayer.js"></script>
	<script src="/static/js/jplayer.playlist.js"></script>
	<script src="/static/js/template.js"></script>
	<script src="/static/js/jquery.ui.widget.js"></script>
	<script src="/static/js/jquery.iframe-transport.js"></script>
	<script src="/static/js/jquery.fileupload.js"></script>
	<script type="text/javascript" src="/static/js/func.js"></script>
	<script type="text/javascript" src="/static/js/admin.js"></script>
	<script type="text/html" id="tpl-loginNav">
		<div class="nav">
		<!--	<span class="register">
				注册
			</span>			
		-->
			<span class="login clear">
				登录
			</span>
		</div>
	</script>
	<script type="text/html" id="tpl-personal">
		<div class="nav">
		<!--	<span class="logout clear">
				注销
			</span>
		-->	
			<span class="personal">
				{{list.adminName}}
			</span>			
		</div>
	</script>
	<script type="text/html" id="tpl-listRec">
	{{each list}}
		<li class="lists" title="{{$value.videoName}}">
			<a href="http://localhost/html5/html/index.html#videoId={{$value.videoPath}}">
				<span class="videoName">
					{{$value.videoName}}
				</span>
				<span class="videoPlay">
					播放次数：
					<span class="videoPlaySum">
						{{$value.playSum}}
					</span>
				</span>
			</a>
		</li>
	{{/each}}
	</script>
	<script type="text/html" id="tpl-userList">
	{{each list as value key}}	
		<tr>
			<td>{{value.userId}}</td>
			<td>{{value.userName}}</td>
			<td><span class="deleteUser" data-userId="{{value.userId}}">删除用户</span></td>
		</tr>
	{{/each}}	
	</script>
	<script type="text/html" id="tpl-videoList">
	{{each list as value key}}	
		<tr>
			<td>{{value.videoId}}</td>
			<td>{{value.videoName}}</td>
			<td>{{value.uploaderId}}</td>
			<td>{{value.uploadDate}}</td>
			<td>{{value.videoScore}}</td>
			<td>{{value.videoSort}}</td>
		</tr>
		<tr class="alignLeft">
			<td colspan="6">
			<span class="videoDescription">视频简介：{{value.videoDescription}}</span>
			</td>
		</tr>
		<tr class="alignRight">
			<td colspan="6">
			{{if value.videoStatus==0}}
			<span class="videoStatus" data-videoStatus="{{value.videoStatus}}" data-videoId="{{value.videoId}}">冻结</span>
			{{else}}
			<span class="videoStatus" data-videoStatus="{{value.videoStatus}}" data-videoId="{{value.videoId}}">已冻结/解冻</span>
			{{/if}}
			<span class="deleteVideo" data-videoId="{{value.videoId}}">删除</span>
			<span class="updateDescription" data-videoId="{{value.videoId}}">更新简介</span>
			</td>
		</tr>
	{{/each}}	
	</script>
</body>
</html>